// css in js
import styled from 'styled-components'

export const ContestWrapper=styled.div`
    /* height: 50px; */
    /* background-color: blue; */
    h2{
        font-size: 20px;
    }

`
export const Tab=styled.ul`
    display: flex;

`
export const TabItem=styled.li`
    list-style: none;
    padding: 8px 4px;
    a{
        text-decoration: none;
        color: black;
    }
    &.selected:after{
        content: '';
        height: 4px;
        width: 24px;
        display: block;
        background-color: red;
        margin: auto;
        border-radius: 2px;
    }
`

export const NoData=styled.div`
`

export const List=styled.div`
    
`
export const ListItem=styled.li`
    list-style: none;
    a{
        color: black;
        cursor: pointer;
        text-decoration: none;
    }
`